CucinaSalute.Com Dimagrire e star s bene, Semplicemente mangiando!

Get User Location from Browser with JavaScript

An example to get users' current location from browser via JavaScript using Geolocation API. Also see how to get dynamic user location.

Download Demo
JavaScript News Ticker

A lightweight JavaScript news ticker to show scrolling content on a webpage that ticks in a periodical interval and constant speed.

Download Demo
Disable mouse right click, cut, copy, paste with JavaScript or jQuery

A JavaScript solution with or without jQuery to disable cut, copy, paste and mouse right-click events.

Download Demo
JavaScript Autocomplete TextBox (autosuggest) from Database

A quick solution to enable autocomplete feature with a form textbox to autosuggest relevant data on keypress with a database.

Download Demo
Add Watermark using PHP to Existing or New PDF

Simple PHP script to add watermark to an existing or new PDF document using FPDF library.

Download Demo
PHP Contact Form with Custom Fields

PHP contact form with custom fields will let the users enquire with more details added to the usual fields like subject, message and more.

Download Demo
Forecast Weather using OpenWeatherMap with PHP

In this tutorial, we are going to create a PHP application to display weather forecast information using an API.

Download Demo
Column Search in DataTables using Server-side Processing

DataTables is a feature-packed jQuery plugin used to display results in a tabular form. It provides a rich interface with effective sorting.

Download Demo
Change Order of Images in Photo Gallery with Drag and Drop using PHP AJAX

Drag and drop is a convenient UI feature for users when handling elements. In particular, while displaying images in a gallery.

Download Demo
Draw Responsive Charts (Pie Bar Column) using Google Charts

Google Charts is the popular charting tool library available now. It is used to create a variety of charts like Geo Chart, Bubble Chart.

Download Demo
Stripe Payment Gateway Integration using PHP

There are many payment services available in the market to integrate payment gateway in an application.

Download Demo
How to Crop Image using jQuery and PHP

Cropping is an action to cut a selected portion from the original image. Image editor software like Photoshop will always have the crop tool.

Download Demo
How to Export HTML to Word Document with JavaScript

Exporting a HTML page as a Microsoft word document can be done in different ways. There are plugins available in jQuery, JavaScript.

Download Demo
Material Design Login Form with PHP and jQuery

Google’s material design is a great hit that comes packed with design principles, aesthetics, and innovations.

Download Demo
Zoom for Product Images in PHP Shopping Cart

In many eCommerce software applications, we can see the feature for zooming product preview image.

Download Demo
jQuery Autocomplete with XML Data Source

Autocomplete feature is a typeahead mechanism to show input suggestion to the user. It is a common UI/UX feature in applications.

Download Demo
Search Location with Google Maps JavaScript API Place Autocomplete

Google Maps JavaScript API provides the feature to create location search with autocomplete. The user input will be bound and used.

Download Demo
PHP Shopping Cart without Database

A shopping cart application will have a catalog to showcase products as a gallery. The products can be stored in a database, file or any other forms.

Download Demo
PHP Responsive Image Gallery using CSS Media Queries

Gallery is a great way to showcase data in a grid view so that its appealing to the users. Its one of the nicest way to present your products.

Download Demo
PHP Calendar Event Management using FullCalendar JavaScript Library

Managing events in a calendar will be intuitive for the users. In the form based event management, the user has to enter more data like event.

Download Demo
Creating Dynamic Data Graph using PHP and Chart.js

If we want to visualize statistics, graphs are one of the best ways of representation. Understanding data becomes easy and obvious.

Download Demo
Add Multiple (Bulk) Product into Shopping Cart using PHP

In e-commerce websites, it is all about usability and conversion. A micro feature can stand between you and profitability. We need to facilitate buyer.

Download Demo
How to Convert Text to Image using PHP

Most of the image based operations can be performed by using PHP built-in functions. The image-based PHP functions are in GD library.

Download Demo
PHP Image Upload with Size Type Dimension Validation

File upload feature requires basic validations to sanitize the user input. There is a huge chance of exploiting a file upload option.

Download Demo
PHP Price Range Search using jQuery Slider

jQuery UI slider is used for selecting min-max ranges to perform the range based operations like search, validation and more.

Download Demo
Twitter Like Character Count Validation using jQuery

Twitter uses character count to restrict number of characters input by the user on a text input area.

Download Demo
Star Rating with PHP and jQuery AJAX

Star rating is used to rank pages, articles or posts published to the end user. This will help the user to identify and shortlist quality contents.

Download Demo
Responsive Image Slideshow using jQuery

Image slideshow is the best way of presenting photos that we want to showcase. In this tutorial, I created the image slideshow which is responsive.

Download Demo
jQuery Credit Card Validator

In this tutorial, we are going to see, how to do credit card validation using jQuery. When the user submits his card details, then the jQuery code...

Download Demo
Slide-In Contact Form using jQuery

In this tutorial, let us see how to create a Slide-In contact form using jQuery. In a previous tutorial, we have seen floating contact form while scrolling.

Download Demo
How to Code Tic Tac Toe Game in jQuery

In this article, we are going to learn to code the Tic Tac Toe game using jQuery.

Download Demo
Shopping Cart Item Quantity Increment Decrement with AJAX

In this tutorial, we are going to add increment decrement buttons to edit the shopping cart item quantity.

Download Demo
Loading Dynamic Content on a Bootstrap Modal using jQuery

Modal window can be shown in various ways by using jQuery, Bootstrap and others. In this tutorial, we are going to show the Bootstrap modal.

Download Demo
Sticky Social Icons in Sidebar using jQuery

Sharing webpage to the social media is used to gain enormous reach for our webpage. So adding social icons to the webpage is very important

Download Demo
Enriched Responsive Shopping Cart in PHP

In this tutorial, we are going to design an responsive shopping cart with enriched look and feel.

Download Demo
Bouncing Ball Animation using jQuery

This article is to create a bouncing ball animation effect using jQuery. Just a quick fun post.

Download Demo
Meme Generator using jQuery

In this article, we are going to see the code for generating Meme images using jQuery.

Download Demo
jQuery Custom Dropdown with Checkbox

In this tutorial, I will present about creating a custom dropdown box which has list of options with checkboxes.

Download Demo
PHP Poll Script

In this tutorial, we are going to learn how to create a poll script for rating using PHP. In a previous tutorial, we have seen PHP star rating

Download Demo
jQuery Parallax Slider

In this tutorial, we are going to see how to create a jQuery slider with parallax animation effect..

Download Demo
Automatic Column Hiding using CSS in Responsive Table

In this tutorial, we are going to see how to create a responsive table with automatic column hiding.

Download
Responsive Datatables with Automatic Column Hiding

Responsive Datatables allows automatic column hiding based on the size of the viewport.

Download
Calculate Sum (Total) of DataTables Column using Footer Callback

DataTables provides callback functions to manipulate header and footer HTML data and add value to the presentation.

Download
Creating Web Calendar in PHP using jQuery AJAX

Creating a calendar interface is easy in PHP. There are many date functions available in core PHP, I have used them to create a calendar UI.

Download
How to Create Tooltips with Bootstrap

In HTML, we can add a title attribute for an element. The text specified in this attribute is shown as a tooltip on the mouse over event.

Download
Tags using Bootstrap Tags Input Plugin with Autocomplete

Tags are a way to group and organize content. For example, in WordPress, it provides tags as an inbuilt taxonomy to group the content.

Download
Bootstrap Autocomplete with Dynamic Data Load using PHP Ajax

In this tutorial, we are going to see how to load data dynamically for an autocomplete suggestion list, Bootstrap Typeahead input field.

Download
How to Create Typeahead (Auto-Complete) Field using Bootstrap

In this tutorial, we are going to see how to create an auto-complete field using Typeahead Library. It is a Twitter Bootstrap library used to add.

Download
Twitter Like Profile Image Upload using jQuery AJAX

Twitter-like social media websites provide the photo upload feature with a list of action bar items, related to the upload process.

Download
jQuery AJAX Image Upload

When you use AJAx in the right sense, it will improve the user experience largely. In this article, let use see how to do image upload.

Download
REST API Search Implementation in PHP

In this tutorial, we are going to implement search using PHP REST API. I have created a RESTful web service in PHP to do the search.

Download
Multi-language Support to Website using PHP

Creating a Multi-language (multilingual) web page is easy to implement. Multi-language websites are used to increase the volume of users.

Download
PHP Search and Pagination using PDO

Search is an important functionality of any information-centric application.

Download
Highcharts Compare Data using Column Chart

Highcharts provides various type of beautiful chart components. It is useful to present data in an interactive graphical representation.

Download
Facebook Like Header Notification in PHP

In this tutorial we are going to add such header notification to notify user about latest data.

Download
jQuery Sliding Menu

By using sliding menu we can have more space to display the main content.

Download
Display Text in Vertical Direction using CSS

In this tutorial, we are going to see how to display a text in vertical orientation. We use CSS for displaying a floating text in vertical direction

Download
Formatting Date With jQuery Date Picker

Using jQuery date-picker we can format a selected date by using dateFormat option. In previous post we have seen how to use jQuery datepicker.

Download
Dependent Auto Suggest with jQuery

Auto suggesting feature for a form field will reduce userâ€™s effort while entering input data.

Download
Responsive Menu with jQuery and CSS

Responsive design for our web page is used to make the page to be flexible for various screen sizes.

Download
Highlighting Keywords in Search Results with PHP

Highlighting keywords in search results will help user to identify appropriate results easily. In this example we are highlighting multiple keywords in search results.

Download
Change Theme using jQuery Split Button

In this post we are going to see how to change theme color using jQuery. We have an example with a split button having two parts.

Download
Switch CSS Class Using jQuery

In this post we are going to switch the CSS class using jQuery. In previous post we have seen how to switch CSS file based on the screen size to make page responsive.

Download
Switch CSS Based on Window Size using jQuery

We are going to see an example to switch CSS file dynamically based on the window size.

Download
Equal Height Columns with jQuery

In a multi-column template content lengths will be varied then the columns will not have a good look and feel. We can dynamically equate the column heights.

Download
Prevent Form Double Submit using jQuery

We are avoiding double submits using jQuery by hiding submit button after the form is submited via AJAX.

Download
Read HTML5 Data Attribute via jQuery

In HTML5, it has data-* attribute which is used to store custom data with a HTML element. This attributes used to keep more information with HTML elements.

Download
Image Flip with jQuery CSS

In this tutorial we are going to see about how to flip image using jQuery and CSS. In previous tutorial we have seen various jQuery animation to rotate image..

Download
PHP Time Ago Function

This PHP tutorial is for converting given date into a time ago string like, 2 hours age, 3 years ago. In previous tutorial we have seen date format conversion.

Download
AJAX Cart Edit in PHP Shopping Cart

This Shopping cart tutorial is providing cart edit feature by using jQuery AJAX. In previous tutorial we have seen simple shopping cart.

Download
Responsive PHP Shopping Cart

In this tutorial we are going to create a shopping cart gallery page with responsive design using PHP. In a previous tutorial we have seen shopping cart with multi tab.

Download
jQuery Background Slider

Web page content with background slideshow will give rich look and feel and a beautiful page.

Download
PHP MySQL Date Range Search with jQuery DatePicker

In this tutorial we are going to see about how to search database records date between two given ranges.

Download
DropDown with Search using jQuery

Search is an useful feature for a HTML dropdown list. Especially it will increase user convenience to select items from the dropdown having long list.

Download
jQuery Color Picker

This tutorial is to see about how to do simple color picker using jQuery. In previous tutorial we have seen date picker by using jQuery UI Library.

Download
jQuery Menu Slider

This jQuery menu slider used to move menu links horizontally on hover. It shows list of menu labels and highlights active menu.

Download
jQuery Sliding Text on Images

In this tutorial we are going to display text on image with a sliding box on the mouse-over event.

Download
jQuery AJAX Add Edit Modal Window

In this tutorial we are going to see how to do AJAX add/edit operations by showing jQuery modal form. In previous tutorial we have seen PHP crud using jQuery AJAX.

Download
jQuery Form Validation with Tooltip

In this tutorial we are validating a contact form and showing error message by using jQuery tooltip.

Download
jQuery Image Carousel

This tutorial is used to create image carousel using jQuery. In previous tutorial we have seen jQuery image slider to turn images with periodically.

Download
jQuery Active Menu Highlight

There are various ways to highlight active menu item. In this tutorial we are using jQuery and CSS for adding menu highlighting style dynamically.

Download
jQuery Scrolling Menu

Scrolling menu bar over the page scroll will increase menu usability. It helps user to reach menu area easily.

Download
Shopping Cart with Multi-Tab Wizard using jQuery AJAX

In this tutorial we are going to see a wizard like shopping cart. In previous tutorial we have seen shopping cart with jQuery AJAX.

Download
PHP PDF Generation using FPDF

In this tutorial we are going to generate PDF from text file data using PHP FPDF library.

Download
PHP Shopping Cart with jQuery AJAX

In this tutorial we are going to create shopping cart using jQuery AJAX. In previous tutorial, we have seen simple shopping cart code using PHP without jQuery or AJAX.

Download
PHP JSON Array Merge

In this tutorial we are going to see about how to merge two or more JSON string. This can be done by decoding given JSON objects and encoding after merge.

Download
Pause Resume Slider using jQuery

In previous tutorial we have seen about how to create jQuery image slider. In this tutorial we are adding pause resume control to this slider.

Download
jQuery Image Slider

In this tutorial we are going to see an example of image slider using jQuery. In previous tutorial we have seen already how to run jQuery slide show.

Download
Calculating Hours Difference in PHP

In this tutorial, we are using PHP datetime functions to calculate the hours difference between two dates.

Download
Clone HTML using jQuery

In this tutorial we are going to see how to copy and insert HTML element dynamically. In previous tutorial we have added HTML form elements dynamically by using jQuery .

Download
Toggle HTML with Javascript

In this tutorial we are going to see how to create toggle effect using Javascript without jQuery.

Download
Toggle HTML with jQuery

In this tutorial we are going to see how to toggle HTML text element using jQuery. In previous tutorial we have seen horizontal expand/collapse with jQuery toggle().

Download
jQuery Mega Menu

Mega menu is used to simplify user navigation by covering maximum list of items in a menu dropdown. Using this we can avoid multiple levels of menu navigation.

Download
Sticky Header using CSS

Sticky header in a page remains in a fixed position while scrolling up and down. This will be useful to show the header content always visible even we scroll the page.

Download
PHP MySQL Inline Editing using jQuery Ajax

In this tutorial we are going to see about PHP inline editing using jQuery AJAX. Previously in AJAX Add Edit Delete tutorial we have done the same by using jQuery .

Download
PHP Wizard Like Registration

Wizard like registration separates registration fields into groups. These group of fields can be seen using a tab like navigation.

Download
jQuery Sidebar Expand Collapse

In this tutorial we have an example to expand/collapse sidebar menu. We are showing list of main menu items in a list.

Download
jQuery Image Slideshow

In this tutorial we are going to display image using jQuery auto slideshow. In previous tutorial we have seen example for DIV auto load and refresh using jQuery.

Download
Header Menu Horizontal Expand Collapse Using jQuery

jQuery menu expand collapse can be done by using various functions like show(), toggle() and more.

Download
jQuery Dependent DropDown List - Countries and States

In this tutorial we are going to see how to change states dropdown list option based on the selected country name.

Download
Remove Image Color using jQuery

In this tutorial we are going to see how to remove image color on hover using jQuery. In previous tutorial, we have seen how to do fadein/fadeout animation using jQuery.

Download
Sorting MySQL Row Order using jQuery

In this tutorial we are going to learn how to change the MySQL row order. We are using jQuery to display sortable list of MySQL rows.

Download
Resize HTML DOM using jQuery

In this tutorial we are going to see about how to resize HTML DOM element using jQuery. We are using jQuery rezisable() function for changing the size.

Download
jQuery on Scroll Background Animation

In this tutorial we are going to see how to create background color animation on page scroll. In previous article we have seen background image animation.

Download
Twitter Style Remaining Character Count using jQuery

In this tutorial we are going to learn how to calculate the remaining character count using jQuery.

Download
jQuery Form Validation to Restrict Multiple URL

In jQuery, it is very simple to restrict user to enter more than one URL via a form input. By validating this, we can avoid spam content with more hyperlinks.

Download
File Size Validation using jQuery

In this tutorial we are going to see form file input validation using jQuery. In previous tutorial we do this validation using PHP to check if the file input is empty or not.

Download
PHP Captcha using jQuery AJAX

Captcha code in a form is used for ensuring that the form is submitted with manual intervention without any tools or programs.

Download
Read Facebook Data via Graph API using PHP

In this tutorial we are going to read data from Facebook by using Graph API. This is an HTTP based API using which we can post and get data to and from Facebook.

Download
jQuery Image Rotate

In this tutorial we are going to rotate HTML image element by using jQuery. In previous tutorial we have seen about how to do background image animation.

Download
jQuery Background Image Animation

In this tutorial we are going to do HTML background image animation by using jQuery and CSS. In previous tutorial we have seen about HTML div auto load.

Download
HTML Element Hover Fade Effect using CSS

In previous tutorial we have seen about how to apply fade-in fade-away effect on an HTML element using jQuery. In this tutorial we are going to replicate the same effect in css.

Download
jQuery Fading Methods

In this tutorial we are going to know about the list of available jQuery fading methods. There are four methods in jQuery to create fading effects on an HTML element.

Download
Moving DIV Element using jQuery

In this tutorial we are going to learn how to move a DIV element to the top, right, bottom, left direction using jQuery.

Download
Dynamic Content Load using jQuery AJAX

Loading a webpage with dynamic content is very easy by using jQuery and AJAX. We have already seen about how to load content dynamically on page scroll.

Download
User Login Session Timeout Logout in PHP

This PHP tutorial is used for setting user login session expiration time for the logged-in user. Once, this time is elapsed then the user no longer access.

Download
User Activation Email Sending Script in PHP

In this tutorial we are going to see how to send user activation email after user registration. In previous tutorial, we have seen the code for adding new user.

Download
jQuery Drag and Drop Image Upload

In this tutorial, we are going to upload image files by drag and drop from source to destination. We have seen already about how to do drag and drop using jQuery.

Download
Facebook Style URL Extract with PHP and jQuery AJAX

In PHP, URL extract can be done in many ways. In previous tutorial, we have seen about how to extract the remote content from a given URL using PHP cURL script.

Download
PHP Voting System with jQuery AJAX

In this tutorial, we are going to create a simple voting system using PHP and jQuery AJAX. In this system, a visitor can vote (either up or down vote) only once.

Download
Read Display JSON Data using jQuery AJAX

In this tutorial we are using jQuery for reading JSON data from a PHP page via AJAX. In PHP page we are reading array of database records and covert them into JSON.

Download
Facebook Style Like Unlike using PHP jQuery

This tutorial has an example code for doing like unlike which we have seen in many website like Facebook.

Download
Dynamic Star Rating with PHP and jQuery

In this tutorial we are going list database records and add dynamic rating to those records by using jQuery star rating script.

Download
Favorite Star Rating with jQuery

In this tutorial, we are having an jQuery code for doing favorite star rating. It displays list of HTML stars by using li tags.

Download
PHP RSS Feed Read and List

PHP provides simplexml_load_file() function for reading data from xml file. We have seen about this function in Simple XML Parser tutorial.

Download
jQuery AJAX Autocomplete â€“ Country Example

Autocomplete feature is used to provide auto suggestion for users while entering input.

Download
Responsive Social Share Buttons

Earlier we saw about responsive web design for designing a login form that adapts various screen sizes.

Download
Multilevel Dropdown Menu with Pure CSS

Showing multilevel menu dropdown with only CSS and HTML is very simple and easy. In a previous tutorial, we have shown single level menu dropdown using jQuery.

Download
jQuery Menu Dropdown

In this tutorial we are going to show dropdown menu using jQuery and CSS. By adding dropdown feature to the menu, we can make our menu area clean.

Download
Floating Contact Form using jQuery AJAX

jQuery floating contact form gives modern look and feel to our website. This tutorial has an example to show a sticky floating contact form in a webpage.

Download
jQuery Expand Collapse All

The expand collapse functions are used for expanding or collapsing menu structured or tree structured list of items.

Download
Check Uncheck All Checkbox using jQuery

In this tutorial, we are going to see how to check or uncheck group of checkboxes using jQuery.

Download
jQuery Contact Form with Attachment using PHP

In this tutorial, we are going see the code for sending file attachments with the contact form email.

Download
jQuery Progress bar for PHP AJAX File Upload

In this tutorial we are going display a progress bar during the AJAX file upload process using jQuery.

Download
PHP Contact Form with jQuery AJAX

PHP AJAX contact form is used to send contact information to the back end without page refresh.

Download
jQuery Password Strength Checker

In this tutorial we are going to validate password strength using jQuery. We have regex patterns for alphabets numbers, and special characters.

Download
Load Data Dynamically on Page Scroll using jQuery AJAX and PHP

In this tutorial, we are going to see about loading data into a webpage dynamically as the user scrolls it.

Download
PHP AJAX Multiple Image Upload using jQuery

This tutorial describes about how to upload multiple images using PHP via jQuery AJAX. It will be easy to follow this tutorial if you read single image upload.

Download
jQuery DIV Auto Load and Refresh

jQuery load method requests server pages and refreshes HTML selector with the page content.

Download
PHP jQuery Dynamic Textbox

This tutorial helps to add or remove textbox dynamically using jQuery and PHP. It also describes how to read the values of dynamically created textboxes

Download
jQuery AJAX Pagination

In this tutorial, we are going to see simple code for pagination using jQuery AJAX and PHP. This code will have first, last, previous, next and other pagination links.

Download